@charset "utf-8";
@font-face {
    font-family:'SourceHanSansCNMedium';
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.svg#SourceHanSansCN-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'SourceHanSansCNRegular';
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'SourceHanSerifCNBold';
    src: url('../fonts/SourceHanSerifCNBold/SourceHanSerifCN-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSerifCNBold/SourceHanSerifCN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSerifCNBold/SourceHanSerifCN-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSerifCNBold/SourceHanSerifCN-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSerifCNBold/SourceHanSerifCN-Bold.svg#SourceHanSerifCN-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/*header*/
.logo{ height:90px; padding:0; transition:all 0.3s linear;}
.logo span{ display:block; width:100%;}
.logo img{ width:auto; height:26px;}
nav.navbar.bootsnav{ position:absolute; width:100%; background:#4799d6; border:none; color:#333333; box-shadow:0 0 5px rgba(51,51,51,0.2); z-index:2; transition:all .5s;}
nav.navbar.bootsnav .navbar-collapse{ padding:0;}
nav.navbar.bootsnav ul.nav{ padding-right:30px;}
nav.navbar.bootsnav ul.nav > li{ padding:0 32px;}
nav.navbar.bootsnav ul.nav > li > a{ font-weight:normal; font-size:18px; padding:0; line-height:90px; color:#FFFFFF; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li > a:after{ content:"" !important; margin:0 !important; position:absolute; left:50%; bottom:0; width:0%; height:4px; background:#FFFFFF; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ display:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:100%; background:#f6f6f6; padding:.28rem 3.5%; border:none; left:0; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ white-space:nowrap; font-size:18px; line-height:24px; padding:8px 15px; border:none; color:#333333; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on a:after{ left:0; width:100%;}
.navRig{ line-height:90px; margin:0; font-size:0;}
.navRig > ul{ vertical-align:middle; margin:0;}
.navRig > ul > li{ padding-left:20px;}
.navRig > ul > li > a{ font-size:14px; color:#FFFFFF; display:inline-block; vertical-align:middle; padding:0; line-height:24px;}
.navLogin{ font-size:16px; color:#FFFFFF; background:url(../images/userIco.png) left center no-repeat; padding-left:25px;}
.navLogin a{ color:#FFFFFF;}
.navLogin span{ margin:0 5px;}
.hdSearchIco{ display:none;}
.hdSearch{ position:relative; display:inline-block; vertical-align:middle; width:200px; height:28px; background:#FFFFFF; border-radius:14px; overflow:hidden;}
.hdSeaInput{ display:block; width:100%; height:100%; border:none; line-height:24px; padding:2px 10px; padding-right:28px; color:#666666; font-size:14px;}
.hdSeaBtn{ display:block; width:28px; height:28px; position:absolute; right:0; top:0; background:url(../images/hdSeaBtn.png) center center no-repeat;border: none;}

nav.navbar.bootsnav.navbar-transparent.dark{ border:none; box-shadow:0 1px 0 rgba(255,255,255,0.15);}
nav.navbar.bootsnav.navbar-transparent.dark .navRig{ border:none; padding:0; margin:0;}
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{ color:#FFFFFF;}

.banner{ height:100vh; position:relative; overflow:hidden;}
.banImg{ height:100%;transform:scale(1.05); transition:all .5s;}
.ban1 .banImg{ transform:translate(0,20%);}
.ban2 .banImg{ transform:scale(1.5) rotate(-10deg);}
.ban3 .banImg{ transform:scale(2) rotate(30deg);}
.banner .ban1.swiper-slide-active .banImg{ transition:all 1s;}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 4s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0;}
.banCon{ color:#FFFFFF; max-width:800px;}
.banP1{ font-size:24px; line-height:140%; margin:0.2rem 0;}
.banP2{ font-size:56px; line-height:140%; margin:0.2rem 0; font-family: 'SourceHanSerifCNBold';}
.banP3{ font-size:16px; line-height:180%; margin:.2rem 0; max-width:680px;}
.banPage{ position:absolute; left:0; bottom:.3rem; z-index:1; width:100%; text-align:center;}
.banPage .swiper-pagination-bullet{ width:9px; height:9px; opacity:1; border-radius:7px; background:#FFFFFF; transition:all .5s;}
.banPage .swiper-pagination-bullet-active{ width:29px;}

.mTop{ background:#F8F8F8; padding:.7rem 0 .44rem;}
.mTitEn{ font-size:36px; color:#4799d6; line-height:130%; text-transform:uppercase;}
.mTitCn{ font-size:40px; color:#000036; line-height:120%;}

.mProTab{ margin-top:.5rem; border-bottom:1px solid #e9e9e9; font-size:16px; color:#333333; position:relative;}
.mProTab .swiper-slide{ padding-bottom:.3rem; position:relative; text-align:center; cursor:pointer;}
.mProTab .swiper-slide a{ display:block;}
.mProTab .swiper-slide p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mProTab .swiper-slide:after{ display:block; content:""; width:0; height:4px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#4799d6; max-width:119px; transition:all .5s;}
/*.mProTab .swiper-slide.active:after{ width:90%;}*/
.mProTab p{ color:#333333;}
.mProTab .swiper-slide:hover p{ color:#4799d6;}
.mProTab .swiper-slide:hover:after{ width:90%;}
.mProTabImg{ position:relative; margin-bottom:.1rem;}
.mProTabImg:after{ display:block; content:""; border-left:1px dashed rgba(0,0,0,0.12); width:0; height:100%; position:absolute; right:0; top:0; transform:translateX(1px);}
.mProTabImg img{ display:block; width:auto; height:55px; margin:0 auto;}
.mProPrev,.mProNext{ display:block; width:36px; height:36px; line-height:34px; border-radius:50%; background:#dadada; cursor:pointer; text-align:center; transition:all .3s; position:absolute; top:25px;}
.mProPrev{ left:-80px; padding-right:2px;}
.mProNext{ right:-80px; padding-left:4px;}
.mProPrev:before,.mProPrev:after,.mProNext:before,.mProNext:after{ display:inline-block; vertical-align:middle; content:""; width:0; height:0;}
.mProPrev:before{ border-right:8px solid #FFFFFF; border-top:7px solid transparent; border-bottom:7px solid transparent;}
.mProNext:after{ border-left:8px solid #FFFFFF; border-top:7px solid transparent; border-bottom:7px solid transparent;}
.mProPrev:after,.mProNext:before{ width:0; height:2px; background:#FFFFFF; transition:all .3s;}

.mProItem{ padding:.46rem 0; border-bottom:1px solid #e9e9e9;}
.mProItem:last-child{ border-bottom:none;}
.mProLef{ float:left; width:28.125%; padding-right:3%;}
.mProTitEn{ font-size:18px; color:#4799d6; line-height:30px; letter-spacing:-1px; font-family:'SourceHanSansCNMedium';}
.mProTitCn{ font-size:36px; color:#333333; line-height:140%;}
.mProDes{ font-size:14px; color:#999999; line-height:24px; max-width:310px; margin:.2rem 0;}
.mProLefMore{ display:block; width:100%; max-width:220px; height:44px; border:2px solid #4799d6; line-height:40px; border-radius:4px; text-align:center; font-size:14px; color:#4799d6; position:relative; margin-top:.3rem;}
.mProLefMore:after{ display:block; content:""; position:absolute; left:0; top:0; height:100%; width:0; transition:all .5s; background:#4799d6;}
.mProLefMore:hover,.mProLefMore:focus{ color:#4799d6;}
.mProLefMore span{ position:relative; z-index:1;}
.mProLefMore i{ display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:14px; width:0; height:0; border-left:5px solid #4799d6; border-top:4px solid transparent; border-bottom:4px solid transparent;}

.mProRig{ float:left; width:71.875%;}
.mProRig li{ float:left; width:33.33%; padding-left:30px;}
.mProLink{ display:block; height:100%; background:#FFFFFF; padding:15px; border-radius:5px; transition:all .3s;}
.mProImg{ max-width:240px; height:0; padding-bottom:82%; position:relative; overflow:hidden; margin:0 auto;}
.mProImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:contain;}
.mProRigTit{ margin:.2rem 0;}
.mProRigTit h4{ font-size:18px; color:#1c1c1c; line-height:120%; font-family:'SourceHanSansCNMedium';}
.mProRigTit p{ color:#999999; line-height:22px;}
.mProRigTit p span{ color:#1c1c1c; font-family:'SourceHanSansCNMedium';}
.mProRigMore{ display:block; width:100%; max-width:150px; height:30px; border:1px solid #f0f0f0; line-height:28px; text-align:center; color:#999999; margin:.1rem auto; border-radius:4px; position:relative; overflow:hidden; transition:all .5s;}
.mProRigMore:after{ display:block; content:""; position:absolute; left:0; top:0; height:100%; width:0; transition:all .5s; background:#4799d6;}
.mProRigMore b{ display:block; font-weight:normal; position:relative; z-index:1;}
.mProRigMore i{ display:inline-block; vertical-align:middle; width:13px; height:9px; background:url(../images/mProRigMore.png) right center no-repeat; margin-left:10px;}

.mBot{ background:url(../images/mBot.jpg) center bottom #FFFFFF no-repeat; padding:.8rem 0;}
.mNewsTab{ margin:.4rem -16px; font-size:0;}
.mNewsTab li{ margin:5px 0; padding:0 16px; vertical-align:middle; font-size:18px;}
.mNewsTab span{ display:block; border:2px solid #4799d6; border-radius:5px; min-width:150px; height:42px; line-height:38px; color:#4799d6; text-align:center; cursor:pointer;}
.mNewsTab img{ width:auto; max-height:24px; margin-right:10px; vertical-align:middle; margin-top:-2px;}
.mNewsTab li.active span{ background:#4799d6; color:#FFFFFF;}
.mNewsTab li.active img.showsIn{ display:none;}
.mNewsTab li.active img.hides{ display:inline-block;}
.mNewsCon{ margin-top:.3rem;}
.mNewsList{ font-size:0; margin:0 -25px;}
.mNewsList li{ width:50%; padding:0 25px; line-height:68px; color:#666666; vertical-align:top;}
.mNewsLink{ display:block; font-size:16px; color:#666666; border-bottom:1px solid #e9ecf0; padding-left:25px; position:relative; transition:all .3s;}
.mNewsLink span{ float:right; color:#999999; margin:0 10px;}
.mNewsLink:before{ display:block; content:""; width:0; height:0; border-left:5px solid #4799d6; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute; left:10px; top:50%; margin-top:-4px;}
.mNewsLink:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#4799d6; z-index:-1; transition:all .3s;}
.mNewsLink:hover,.mNewsLink:focus{ color:#666666;}

.footBg{ background:#333333;}
.footBg a{ color:#FFFFFF;}
.ftTopBg{ padding:.4rem 0; background:url(../images/ftTopBg.jpg) center bottom #2b7ab5 no-repeat; font-size:14px; color:#FFFFFF; line-height:30px;}
.ftBotBg{ color:#FFFFFF; line-height:30px; padding:.11rem 0; opacity:.6;}
.ftBotBg span,.ftBotBg a{ display:inline-block; vertical-align:baseline;}
.ftBotBg span{ margin:0 .1rem;}

.ftCom,.ftLink,.ftCon{ float:left; padding-right:3%;}
.ftCom{ width:37%;}
.ftLink{ width:25%;}
.ftCon{ width:27%;}
.ftWx{ float:right; width:11%; text-align:center;}
.ftWx img{ display:block; max-width:100%; height:auto; margin:0 auto .1rem;}
.ftTit{ font-size:18px; line-height:130%; margin-bottom:.14rem;}
.ftDes{ margin:.14rem 0; max-width:410px;}
.ftNav{ font-size:0;}
.ftNav li{ width:50%; font-size:14px; padding:0 10px; position:relative; vertical-align:middle;}
.ftNav li:before{ display:block; content:""; width:0; height:0; border-left:5px solid #FFFFFF; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute; left:0; top:10px;}
.ftNav li:last-child:before{ display:none;}
.ftNav li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ftCon p{ padding-left:10px; position:relative;}
.ftCon p:before{ display:block; content:""; width:0; height:0; border-left:5px solid #FFFFFF; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute; left:0; top:10px;}
.ftCon a{ text-decoration:underline;}
.ftLef{ float:left; width:60%; text-align:left;}
.ftRig{ float:right; width:40%; text-align:right;}
.ftRig span{ margin:0 10px;}

.banInner{ position:relative; height:480px;}
.banInner .imgBg{ height:100%;}

.mainBg{ min-height:30vh;}
.mDaoHang{ margin-top:-35px; margin-bottom:.3rem; position:relative; z-index:1;}
.mShare{ float:left; width:70px; height:70px; position:relative; background:#4799d6; z-index:1;}
.mShareIco{ display:block; width:100%; height:100%; background:url(../images/mShare.png) center center #4799d6 no-repeat; cursor:pointer;}
.mShareCon{ position:absolute; left:0; top:100%; width:100%; text-align:center; background:#1167a0; color:#FFFFFF; padding:15px 0; display:none;}
.mShareCon a{ display:block; width:100%; height:50px; line-height:50px; color:#FFFFFF; font-size:20px;}
.mShareCon a:after{ display:block; font-family:FontAwesome;}
.mShareIco1:after{ content:"\f18a";}
.mShareIco2:after{ content:"\f1d7";}
.mShareIco3:after{ content:"\f1d6";}
.breadcrumb{ border-radius:0; padding:0; margin:0; font-size:16px; color:#FFFFFF; overflow:hidden; line-height:40px; padding:15px; padding-left:48px; background:url(../images/breadcrumb.png) 22px 24px #1167a0 no-repeat;}
.breadcrumb > li + li:before{ content:"\f105"; color:#FFFFFF; font-family:FontAwesome; font-size:16px;}
.breadcrumb > li + li.active:before{ content:"——";}
.breadcrumb a{ color:#FFFFFF;}
.breadcrumb li.active{ color:#FFFFFF; font-family:'SourceHanSansCNMedium';}

.left{ float:left; width:23.44%; margin-bottom:.4rem;}
.right{ float:right; width:73.05%;}
.lefBox{ margin-bottom:.24rem;}
.title{ border-bottom:3px solid #333333; font-size:24px; color:#333333; font-family:'SourceHanSansCNMedium'; line-height:28px; padding:.15rem 0; position:relative; padding-left:15px;}
.title:before{ display:block; content:""; width:4px; height:10px; background:#4799d6; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.title span{ display:none;}

.sortList li > a{ display:block; font-size:16px; color:#333333; border-bottom:1px solid #f0f0f0; line-height:30px; padding:.15rem 30px .15rem .15rem; background:url(../images/sortIco3.png) right .15rem center no-repeat;}
.sortSub{ display:none; border-bottom:3px solid #4799d6;}
.sortSub a{ display:block; background-color:#f7f7f7; font-size:14px; color:#666666; line-height:28px; padding:.15rem .3rem; background:url(../images/sortIco5.png) right .2rem center #f7f7f7 no-repeat;}
.sortSub a:hover{ background-image:url(../images/sortIco6.png); background-color:#4799d6; color:#FFFFFF; transition:all .3s;}
.sortList2 li > a{ background:url(../images/sortIco1.png) right .15rem center no-repeat;}
.sortList li.active > a{ color:#4799d6; background-image:url(../images/sortIco4.png);}
.sortList2 li.active > a{ color:#4799d6; background-image:url(../images/sortIco2.png);}
.sortList2 li > a.active{ color:#4799d6; background-image:url(../images/sortIco2.png);}
.sortSub a.on{ background-image:url(../images/sortIco6.png); background-color:#4799d6; color:#FFFFFF; transition:all .3s;}

.hotNews li a{ line-height:48px; color:#333333; border-bottom:1px solid #f0f0f0; position:relative; padding-left:14px; transition:all .3s;}
.hotNews li a:before { display:block; content:""; width:0; height:0; border-left:5px solid #4799d6; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; left:0; top: 50%; margin-top: -4px;}

.page{ margin:.4rem 0; text-align:center; font-size:0;}
.page a,.page span{ display:inline-block; vertical-align:middle; font-size:16px; color:#333333; border:1px solid #f0f0f0; margin-left:-1px; margin-top:-1px; width:40px; height:40px; line-height:38px; transition:all .3s;}
.page a.pagePrev{ background:url(../images/pagePrev.png) center center no-repeat;}
.page a.pagePrev:hover{ background-image:url(../images/pagePrev2.png);}
.page a.pageNext{ background:url(../images/pageNext.png) center center no-repeat;}
.page a.pageNext:hover{ background-image:url(../images/pageNext2.png);}
.page a:hover,.page a:focus{ color:#333333;}
.page a.active{ color:#4799d6;}

.proList{ min-height:20vh; margin:.4rem 0;}
.proList li{ margin:.4rem 0;}
.proLink{ display:block; height:100%; padding:22px 35px; border:1px solid #f0f0f0; border-radius:5px; transition:all .3s;}
.proImg{ float:left; width:25%; margin-right:.3rem;}
.proImg img{ display:block; margin:0 auto;}
.proRig{ overflow:hidden; position:relative; margin-top:.15rem;}
.proTit{ font-size:24px; color:#1c1c1c; line-height:140%; padding-right:90px; transition:all .3s;}
.proTit2{ font-size:14px; color:#999999; line-height:24px;}
.proTit2 span{ color:#1c1c1c;}
.proLine{ display:block; width:35px; height:4px; background:#4799d6; font-size:0; margin:.1rem 0;}
.proDes{ font-size:14px; color:#666666; line-height:24px;}
.proMore{ position:absolute; right:0; top:0; color:#999999; transition:all .3s;}
.proMore i{ display:inline-block; vertical-align:middle; width:13px; height:9px; background:url(../images/mProRigMore.png) right center no-repeat; margin-left:10px; transition:all .3s;}

.proList2{ font-size:0; margin:0.3rem -.15rem;}
.proList2 li{ float:none; vertical-align:top; font-size:14px; padding:.15rem;}
.proList2 .mProLink{ border:1px solid #f0f0f0; padding:10px;}

.hotPro li{ border-bottom:1px solid #f0f0f0;}
.hotPro li a{ display:block; padding:.1rem 0; font-size:0;}
.hotProImg,.hotProRig{ display:inline-block; vertical-align:middle;}
.hotProImg{ width:36%;}
.hotProImg img{ max-width:100%; height:auto; margin:0 auto;}
.hotProRig{ width:64%; padding-left:4%; font-size:14px; color:#999999; line-height:26px;}
.hotProRig h4{ font-size:16px; color:#1c1c1c; font-family:'SourceHanSansCNMedium'; transition:all .3s;}
.hotProRig span{ color:#1c1c1c; font-family:'SourceHanSansCNMedium';}

.newsList{ margin:.15rem 0 .4rem;}
.newsList li{ line-height:70px;}
.newsText{ margin:.3rem 0;}
.newsTit{ font-size:24px; color:#333333; line-height:120%; margin:.2rem 0;}
.newsInfor{ background:#f7f7f7; font-size:14px; color:#999999; line-height:30px; padding:.08rem .2rem; margin:.2rem 0;}
.newsInfor span{ display:inline-block; vertical-align:middle; margin:0 .1rem;}
.newsInfor img{ vertical-align:middle; margin-top:-2px; margin-right:5px;}
.newsCon{ font-size:14px; color:#666666; line-height:24px; margin:.2rem 0;}
.newsCon img{ max-width:100% !important; height:auto; margin:.15rem auto;}
.newsCon h4,.newsCon h5{ font-size:18px; color:#333333; font-family:'SourceHanSansCNMedium'; margin:.15rem 0;}
.newsCon h5{ margin:.2rem 0 .1rem;}
.newsCon h5 i{ display:inline-block; vertical-align:middle; width:12px; height:9px; background:url(../images/ico.png) right center no-repeat; margin-right:.1rem; margin-top:-2px;}
.newsCon span{ color:#999999;}

.newsBot{ border-top:1px solid #f0f0f0; padding:.2rem 0;}
.newsPage{ float:left; width:70%;}
.newsPage p a{ line-height:30px; color:#666666; background:url(../images/bkPageBg.png) left center no-repeat; position:relative; padding-left:10px; transition:all 0.3s linear;}
.newsPage p a:before{ display:block; content:""; width:0; height:0; border-left:5px solid #4799d6; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; left:0; top: 50%; margin-top: -4px;}
.newsPage p a span{ color:#666666;}
.share{ float:right; font-size:0; margin:0 -6px; text-align:right; width:30%; padding:10px 0 0;}
.share li{ padding:0 6px;}
.share li a{ display:block; width:34px; height:34px; border-radius:50%; background-image:url(../images/shareBg.png); background-repeat:no-repeat; transition:all 0.3s linear;}
.shareIco1{ background-position:0 0;}
.shareIco2{ background-position:-34px 0;}
.shareIco3{ background-position:-68px 0;}
.shareIco4{ background-position:-102px 0;}
.shareIco5{ background-position:-136px 0;}

.parList{ display:flex; flex-wrap:wrap; margin:.3rem 0; overflow:hidden; border-top:1px dashed #ebebeb; border-left:1px dashed #ebebeb;}
.parList li{ width:20%; padding:.1rem; height:105px; border:1px dashed #ebebeb; margin:-1px 0 0 -1px;}
.parList li span{ display:flex; align-items:center; flex-direction:column; justify-content:center; background:#FFFFFF; height:100%;}
.parList li span img{ display:block; max-width:90%; max-height:90%; margin:0 auto; transition:all 0s;}

.contact{ display:flex; margin:.3rem 0 .5rem;}
.conItem{ border-right:1px solid #f0f0f0; padding:0 3%;}
.conItem:first-child{ padding-left:0; flex-grow:1; width:35%;}
.conItem:nth-child(2){ flex-grow:1; width:37%;}
.conItem:last-child{ border:none; padding-right:0; flex-grow:1; width:28%;}
.conItem h4{ font-size:16px; color:#4799d6; margin-top:0;}
.conText p{ position:relative; padding-left:15px;}
.conText p:before { display:block; content:""; width:0; height:0; border-left:5px solid #4799d6; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; left:0; top:7px;}

.proTop{ margin:.4rem 0;}
.proLef{ float:left; width:42.78%; margin-right:4%;}
.proMax{ padding-bottom:62.5%; height:0; overflow:hidden; border:1px solid #f0f0f0; border-radius:4px; position:relative; margin-bottom:.15rem;}
.proMax .swiper-container{ position:absolute; left:0; top:0; width:100%; height:100%;}
.proMaxImg{ height:100%; overflow:hidden;}
.proMaxImg span{ display:flex; align-items:center; flex-direction:column; justify-content:center; background:#FFFFFF; height:100%;}
.proMaxImg span img{ display:block; max-width:90%; max-height:90%; margin:0 auto;}
.proMin{ position:relative; padding:0 37px; height:64px;}
.proMin .proMaxImg{ border:1px solid #f0f0f0; border-radius:4px;}
.proMin .swiper-slide.active .proMaxImg{ border-color:#c9e8ff;}
.proPrev,.proNext{ display:block; width:27px; height:64px; border:1px solid #f0f0f0; border-radius:4px; position:absolute; top:0; cursor:pointer; transition:all .3s;}
.proPrev{ left:0; background:url(../images/proPrev.png) center center no-repeat;}
.proNext{ right:0; background:url(../images/proNext.png) center center no-repeat;}
.proPrev:hover{ background-image:url(../images/proPrev2.png); background-color:#4799d6; border-color:#4799d6;}
.proNext:hover{ background-image:url(../images/proNext2.png); background-color:#4799d6; border-color:#4799d6;}
.proTop .proRig{ float:right; width:53.22%; margin-top:0;}
.proName{ font-size:24px; color:#666666; line-height:140%; margin:.15rem 0;}
.proBrief{ font-size:14px; color:#999999; line-height:24px; margin:.15rem 0;}
.proTop .conText{ font-size:14px; color:#666666; line-height:24px;}
.proTop .conText p{ margin:5px 0;}

.proBot{ margin:.4rem 0 .6rem;}
.proTab{ border-bottom:1px solid #dddddd; margin:0; font-size:0; padding:0 .14rem; margin-bottom:.2rem;}
.proTab li{ padding:0; font-size:16px; color:#333333; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.proTab li:last-child{ border-right:1px solid #dddddd;}
.proTab li a{ display:block; line-height:40px; background:#f7f7f7; padding:0 .1rem; min-width:1.25rem; text-align:center; color:#333333;}
.proTab li a i{ display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:5px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.proTabLi1 i{ background-image:url(../images/proIco1.png);}
.proTabLi2 i{ background-image:url(../images/proIco2.png);}
.proTabLi3 i{ background-image:url(../images/proIco3.png);}
.proTabLi4 i{ background-image:url(../images/proIco4.png);}
.proTabLi5 i{ background-image:url(../images/proIco5.png);}
.proTabLi6 i{ background-image:url(../images/proIco6.png);}
.proTabLi7 i{ background-image:url(../images/proIco7.png);}
.proTabLi1.active i{ background-image:url(../images/proIco1a.png);}
.proTabLi2.active i{ background-image:url(../images/proIco2a.png);}
.proTabLi3.active i{ background-image:url(../images/proIco3a.png);}
.proTabLi4.active i{ background-image:url(../images/proIco4a.png);}
.proTabLi5.active i{ background-image:url(../images/proIco5a.png);}
.proTabLi6.active i{ background-image:url(../images/proIco6a.png);}
.proTabLi7.active i{ background-image:url(../images/proIco7a.png);}
.proTab li.active a{ color:#4799d6; background:#FFFFFF; transform:translateY(1px);}

.proCon{ font-size:14px; color:#666666; line-height:24px; margin:.2rem 0;}
.proCon h5{ margin:.2rem 0 .1rem; font-size:18px; color:#333333;}
.proCon h5.corBlue{ color:#4799d6;}
.proCon .table-responsive{ margin:.3rem 0;}
.proCon .table{ background:#f7f7f7; color:#333333;}
.proCon .table td,.proCon .table th{ padding:.1rem .15rem; border:2px solid #FFFFFF; vertical-align:middle; line-height:24px;}
.proCon .table th{ font-size:16px; color:#FFFFFF; background:#cfd1d8; text-align:center;}
.proCon .table td strong.corRed{ font-size:16px;}
.proItem{ display:none;}
.proItem table{ width:100% !important; height:auto;}
.proItem table td{ width:auto !important; word-break:break-all; border:1px solid #000000; padding:4px; white-space:normal;}
.techTd1{ width:18%;}
.techTd2{ width:38%;}
.techTd3{ width:44%;}

.engTd1{ width:14%;}
.engTd2{ width:11%;}
.engTd3{ width:12%;}
.engTd4{ width:12%;}
.engTd5{ width:40%;}
.engTd6{ width:11%;}

.guideTd1{ width:14%;}
.guideTd2{ width:15%;}
.guideTd3{ width:16.5%;}
.guideTd4{ width:43%;}
.guideTd5{ width:11%;}

.techInfor{ font-size:14px; line-height:54px;}
.techInfor li{ color:#666666; overflow:hidden; border-bottom:1px solid #f0f0f0;}
.techInfor .name{ float:left; width:calc(100% - 220px); color:#666666; position:relative; padding-left:15px;}
.techInfor .name:before { display:block; content:""; width:0; height:0; border-left:5px solid #4799d6; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; left:0; top:50%; margin-top:-4px;}
.techInfor .proBtn{ float:right; color:#999999; width:220px;}
.techInfor .proBtn a{ color:#999999; margin-left:20px;}
.techInfor .proBtn a i{ display:inline-block; vertical-align:middle; width:18px; height:14px; margin-right:5px; margin-top:-2px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.down i{ background-image:url(../images/downIco1.png);}
.reading i{ background-image:url(../images/readIco1.png);}

.proItem .proList2{ margin:0.15rem -.15rem;}

.onLine{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:1;}
.onLine li{ margin-top:3px; position:relative;}
.onLine li a{ display:flex; flex-direction:column; justify-content:center; width:80px; height:74px; border-radius:4px 0 0 4px; color:#FFFFFF; text-align:center; background-image: linear-gradient(#4799d6, #2b7ab5);}
.onIco{ display:block; max-width:24px; margin:5px auto;}
.onIco img{ max-width:100%; height:auto;}
#top{ background:#50ad42;}
.onCon{ position:absolute; right:100%; top:0; margin-right:0; background:#FFFFFF; width:120px; box-shadow:0 0 5px #c9e8ff; text-align:center; min-height:74px; display:flex; flex-direction:column; justify-content:center; text-align:center; padding:5px; opacity:0; visibility:hidden; transition:all .3s;}
.onCon img{ max-width:100%; height:auto; margin:0 auto;}
.onTel{ padding:10px 15px; font-size:16px; width:auto;}

.loginBg{ background:url(../images/loginBg.jpg) center center no-repeat; background-size:cover; padding:90px 0 0; min-height:65vh;}

.loginBox{ float:right; margin:.76rem 0; background:#FFFFFF; float:right; width:680px; box-shadow:0 0 .15rem rgba(0,0,0,0.1); padding:.3rem .4rem .6rem;}
.loginTop{ text-align:center; font-size:0;}
.loginTop a{ display:inline-block; vertical-align:middle; font-size:16px; color:#333333; line-height:30px; padding:5px 9px; margin:0 .2rem; border-bottom:2px solid #FFFFFF; transition:all .3s; font-family:'SourceHanSansCNMedium';}
.loginTop a.active{ border-bottom-color:#4799d6; color:#4799d6;}
.loginBot{ font-size:0; margin:0 -16px;}
.loginBot li{ float:none; margin-top:40px; padding:0 16px; font-size:14px;}
.loginCon{ position:relative;}
.loginIco{ position:absolute; left:10px; top:50%; transform:translateY(-50%); width:20px;}
.loginIco img{ width:100%; height:auto;}
.loginInput{ display:block; border:1px solid #dddddd; width:100%; height:44px; line-height:22px; padding:10px; border-radius:4px; font-size:14px; color:#666666; padding-left:40px;}
.yzmCon{ padding-right:105px;}
.yzmCon .loginIco{ width:98px; left:auto; right:0; height:44px; display:flex; flex-direction:column;}
.yzmCon .loginIco img{ max-width:100%; max-height:100%;}
.yzmCon .loginInput{ padding-left:12px;}
.loginBtn{ display:block; width:100%; background:#4799d6; border: none; border-radius:4px; color:#FFFFFF; text-align:center; max-width:280px; line-height:42px;height: 42px; font-size:20px; margin:.15rem auto 0; transition:all .3s; font-family:'SourceHanSansCNMedium';}
.loginBtn:hover,.loginBtn:focus{ color:#FFFFFF;}

.loginBox2{ width:420px;}
.loginBox2 .loginBtn{ margin:0 auto;}
.RemUserName{ font-weight:normal; line-height:44px;}
.RemUserName input{ margin-right:5px; vertical-align:baseline; position:relative; top:1px;}

.proBox{ margin:.3rem 0 .5rem;}
.proTit3{ font-size:20px; color:#333333; line-height:30px; padding:.06rem 0; border-bottom:1px solid rgba(0,0,0,0.08);}
.proTit3 a{ color:#333333;}
.proList3{ display:flex; flex-wrap:wrap; margin:.15rem -.1rem;}
.proList3 li{ line-height:22px; padding:.06rem .1rem; min-width:20%;}
.proList3 li a{ font-size:14px; color:#333333;}

@media (min-width:1201px){
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ left:0; width:100%;}
	.navLogin a:hover{ text-decoration:underline;}
	.mProPrev:hover,.mProNext:hover{ background:#4799d6;}
	.mProPrev:hover:after,.mProNext:hover:before{ width:7px;}
	.mProLefMore:hover:after{ width:100%;}
	.mProLefMore:hover span{ color:#FFFFFF;}
	.mProLefMore:hover i{ border-left-color:#FFFFFF;}
	.mProLink:hover{ box-shadow:-1px 0px 0px #c9e8ff inset,0 -1px 0px #c9e8ff inset,0 1px 0px #c9e8ff inset,1px 0 0px #c9e8ff inset,0 0 5px #c9e8ff;}
	.mProLink:hover .mProRigMore{ border-color:#4799d6; color:#FFFFFF;}
	.mProLink:hover .mProRigMore:after{ width:100%;}
	.mProLink:hover .mProRigMore i{ background-image:url(../images/mProRigMore2.png);}
	
	.mNewsLink:hover{ color:#FFFFFF;}
	.mNewsLink:hover span{ color:#FFFFFF;}
	.mNewsLink:hover:before{ border-left-color:#FFFFFF;}
	.mNewsLink:hover:after{ height:100%;}
	
	.footBg a:hover{ text-decoration:underline;}
	.breadcrumb a:hover{ text-decoration:underline;}
	.hotNews li a:hover{ color:#4799d6;}
	
	.proLink:hover{ border-color:#c9e8ff; box-shadow:0 0 5px #c9e8ff;}
	.proLink:hover .proTit{ color:#4799d6;}
	.proLink:hover .proMore{ color:#4799d6;}
	.proLink:hover .proMore i{ background-image:url(../images/mProRigMore3.png); margin-left:8px;}
	
	.proList2 .mProLink:hover{ border-color:#c9e8ff; box-shadow:0 0 5px #c9e8ff;}
	
	.page a:hover{ color:#4799d6;}
	
	.hotPro li a:hover .hotProRig h4{ color:#4799d6;}
	
	.newsPage p a:hover{ color:#4799d6;}
	.shareIco1:hover{ background-position:0 -34px;}
	.shareIco2:hover{ background-position:-34px -34px;}
	.shareIco3:hover{ background-position:-68px -34px;}
	.shareIco4:hover{ background-position:-102px -34px;}
	.shareIco5:hover{ background-position:-136px -34px;}
	
	.parList li:hover span img{ transform:rotateY(360deg); transition:all .5s;}
	
	.techInfor .name:hover{ color:#4799d6;}
	.techInfor .proBtn a:hover{ color:#4799d6;}
	.techInfor .down:hover i{ background-image:url(../images/downIco2.png);}
	.techInfor .reading:hover i{ background-image:url(../images/readIco2.png);}
	
	.onLine li a:hover + .onCon{ opacity:1; visibility:visible; margin-right:10px;}	
	
	.loginTop a:hover{ color:#4799d6;}
	.loginBtn:hover{ box-shadow:0 4px 10px rgba(0,0,0,0.1);}
	
	.proList3 li a:hover{ color:#4799d6;}
	
}
@media (min-width:1400px){
	.container{ width:1310px;}
}
@media (max-width:1400px){
	.logo{ height:74px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; line-height:74px;}
	.navRig{ line-height:74px;}
	.navLogin{ font-size:14px; background-size:15px auto; padding-left:20px;}
	.hdSearch{ width:160px;}
	.banP1{ font-size:20px;}
	.banP2{ font-size:46px;}
	.mTitEn{ font-size:30px;}
	.mTitCn{ font-size:34px;}
	.mTop{ padding:.6rem 0 .44rem;}
	.mProTab{ font-size:15px;}
	.mProTabImg img{ height:50px;}
	.mProPrev{ left:-50px;}
	.mProNext{ right:-50px;}
	.mProTitEn{ font-size:16px;}
	.mProTitCn{ font-size:30px;}
	.mProLefMore{ max-width:180px; height:40px; line-height:36px;}
	.mProItem{ padding:.3rem 0;}
	.mProRig li{ padding-left:15px;}
	.mProRigTit h4{ font-size:16px;}
	.mBot{ padding:.6rem 0;}
	.mNewsTab{ margin:.2rem -.1rem;}
	.mNewsTab li{ padding:0 .1rem; font-size:16px;}
	.mNewsTab img{ max-height:20px;}
	.mNewsList li{ line-height:58px;}
	.mNewsLink{ font-size:15px;}
	.ftCon{ padding-right:2%;}
	.banInner{ height:400px;}
	.title{ font-size:20px;}
	.sortList li > a{ padding:.12rem 30px .12rem .15rem;}
	.sortSub a{ padding:.12rem .3rem;}
	.proTit{ font-size:20px;}
	.hotProRig h4{ font-size:15px;}
	.newsList li{ line-height:60px;}
	.proName{ margin:.1rem 0;}
	.proBrief{ margin:.1rem 0;}
	.proTop .conText p{ margin:3px 0;}
	.proTab li{ font-size:15px;}
	.proTab li a{ min-width:1.1rem; line-height:36px;}
	.onLine li a{ width:70px; height:64px;}
	.onIco{ max-width:20px;}
	.loginBg{ padding:74px 0 0;}
	.loginBox{ margin:.5rem 0;}
	.loginBot li{ margin-top:.3rem;}
}
@media (max-width:1200px){
	.logo{ padding:0; height:60px;}
	.logo img{ height:26px;}
	nav.navbar.bootsnav .navbar-header{ padding:0;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; display:flex;}
	.navRig{ float:none; text-align:left; line-height:60px; right:50px !important;}
	.navRig > ul > li > a{ margin:0;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important; float:right; margin-right:0; margin-top:13px; color:#FFFFFF;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none; border-top:1px solid #FFFFFF;}
	nav.navbar.bootsnav .navbar-nav{ padding:0;}
	nav.navbar.bootsnav ul.nav{ padding:15px; margin:0;}
	nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:5px 0; line-height:30px; border-top:none; margin:0; border-bottom-style:dashed; border-bottom-color:rgba(255,255,255,0.5);}
	nav.navbar.bootsnav ul.nav > li:last-child > a{ border:none;}
	nav.navbar.bootsnav ul.nav > li > a:after{ display:none;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left; transform:translateX(0);}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ border:none;}
	nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li.on > a{ background:none !important; border-bottom-color:#FFFFFF;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ color:#666666; border-bottom:1px dashed #e0e0e0;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ content:"\f067"; font-size:14px; color:#FFFFFF;}
	nav.navbar.bootsnav li.dropdown.on a.dropdown-toggle:before{ content:"\f068";}
	.navBtn{ display:flex !important; margin:0 !important; position:absolute !important; float:none !important; flex-direction:column; justify-content:center; width:40px; height:40px; left:auto; right:10px; top:10px !important; cursor:pointer;}
	.navBtn span{ display:block; width:20px; height:1px; background:#FFFFFF; margin:0 auto; transform-origin:left center; transition:all 0.3s linear;}
	.navBtn span:nth-child(2){ margin:6px auto;}
	.navBtn.collapsed span{ transform:rotate(0);}
	.navBtn.collapsed span:nth-child(1),.navBtn.collapsed span:nth-child(3){ transform:rotate(0);}
	.navBtn.collapsed span:nth-child(2){ opacity:1; transform:translateX(0%);}
	.navBtn span:nth-child(1){ transform: rotate(45deg);}
	.navBtn span:nth-child(2){ opacity:0; transform:translateX(-100%);}
	.navBtn span:nth-child(3){ transform: rotate(-45deg);}
	
	.banP1{ font-size:18px;}
	.banP2{ font-size:36px;}
	.banP3{ font-size:15px;}
	
	.mTitEn{ font-size:24px;}
	.mTitCn{ font-size:28px;}
	.mProTab .swiper-slide:after{ height:2px;}
	.mProTitEn{ font-size:14px;}
	.mProTitCn{ font-size:24px;}
	.mProLefMore{ max-width:160px;}
	.mNewsTab span{ min-width:130px; height:40px; line-height:36px;}
	
	.banInner{ height:3rem;}
	.mDaoHang{ margin-top:-.3rem; margin-bottom:.2rem;}
	.mShare{ display:none;}
	.breadcrumb{ font-size:14px; line-height:30px; background-size:12px auto; padding-left:40px;}
	.left{ float:none; width:100%; margin:0;}
	.lefBox{ margin-bottom:.2rem;}
	.title span{ display:block; float:right; height:28px; text-align:center; line-height:28px; cursor:pointer; font-size:16px; color:#4799d6;}
	.title span:before{ display:inline-block; content:"\f07b"; font-family:FontAwesome; margin-right:5px;}
	.title span.active:before{ content:"\f07c";}
	.sortList{ display:none;}
	.right{ float:none; width:100%;}
	.proList li{ margin:.3rem 0;}
	.share{ width:10%; margin:0;}
	.share li{ padding:0;}
	.share li a{ display:none;}
	.share li a.shareIco3{ display:block;}
	.onLine{ top:auto; transform:translateY(0); bottom:10px; right:10px;}
	.onLine li{ display:none;}
	.onLine li:last-child{ display:block;}
	#top{ border-radius:4px; opacity:.8; width:44px; height:44px; mix-blend-mode: multiply;}
	#top p{ display:none;}
	.onIco{ max-width:18px;}
	.loginBg{ padding:60px 0 0;}
}
@media (max-width:991px){
	.mProTab{ margin-top:.3rem; padding:0 40px;}
	.mProPrev, .mProNext{ width:32px; height:32px; line-height:30px;}
	.mProPrev{ left:0;}
	.mProNext{ right:0;}
	.mProPrev:before{ border-right-width:6px; border-top-width:5px; border-bottom-width:5px;}
	.mProNext:after{ border-left-width:6px; border-top-width:5px; border-bottom-width:5px;}
	.mProItem{ padding:.22rem 0;}
	.mProLef{ float:none; width:100%; padding:0; text-align:center;}
	.mProDes{ margin:.14rem auto; max-width:100%;}
	.mProLefMore{ margin:.2rem auto;}
	.mProRig{ float:none; width:100%;}
	.mProRig li{ padding:0 .1rem;}
	.mNewsList{ margin:0 -.1rem;}
	.mNewsList li{ padding:0 .1rem; line-height:48px; width:100%;}
	.ftCom,.ftLink,.ftCon,.ftWx{ float:none; width:100%; padding:0 0 .3rem;}
	.ftDes{ max-width:100%; margin:.1rem 0;}
	.ftNav li{ width:25%;}
	.ftWx{ padding-bottom:0;}
	.ftLef,.ftRig{ float:none; width:100%; text-align:center;}
	.proList li{ margin:.2rem 0;}
	.proLink{ padding:.2rem;}
	.proRig{ margin-top:0;}
	.proTit{ font-size:18px;}
	.newsList li{ line-height:50px; height:1rem;}	
	.parList li{ width:25%;}
	.contact{ display:block;}
	.conItem{ width:100% !important; padding:.2rem 0; border:none; border-bottom:1px solid #f0f0f0;}
	.conItem:first-child{ padding-top:0;}
	.conItem:last-child{ padding-bottom:0;}
	.proName{ font-size:18px;}
	.proTab{ padding:0;}
	.proTab li{ width:14.28%;}
	.proTab li a{ min-width:0;}
	.proTab li a i{ width:14px; height:14px;}
	.techInfor{ line-height:48px;}
	.proTop{ margin:.3rem 0;}
	.loginBox{ float:none; margin:.5rem auto; width:100%;}
	
	.proList3 li{ min-width:33.33%;}
	.proTit3{ font-size:18px;}
}
@media (max-width:767px){
	nav.navbar.bootsnav .navbar-header{ margin:0;}	
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	.proTab li{ width:25%; border-right:1px solid #dddddd; margin-left:-1px;}
	.proLef{ float:none; width:100%; max-width:400px; margin:0 auto;}
	.proTop .proRig{ float:none; width:100%; margin-top:.3rem;}
}
@media (min-width:640px){
	.hdSearch{ display:inline-block !important;}
}
@media (max-width:640px){
	.navRig{ position:static; float:right; margin-right:35px;}
	nav.navbar.bootsnav.navbar-transparent.dark .navRig{ margin-right:35px;}
	.navRig > ul > li{ padding-left:.2rem; position:static;}
	.hdSearchIco{ display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(../images/hdSeaBtn2.png) center center no-repeat; cursor:pointer;}
	.hdSearch{ display:none; position:absolute; left:0; width:100%; top:100%; border-radius:0; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
	.banP1{ font-size:16px;}
	.banP2{ font-size:.44rem;}
	.banP3{ font-size:14px;}
	.banPage .swiper-pagination-bullet{ width:10px; height:10px;}
	.banPage .swiper-pagination-bullet-active{ width:15px;}
	.mTitEn{ font-size:20px;}
	.mTitCn{ font-size:24px;}
	.mProTab{ font-size:14px;}
	.mProTabImg img{ height:.6rem;}
	.mProPrev, .mProNext{ top:.3rem;}
	.mProTitEn{ font-size:12px; letter-spacing:0;}
	.mProTitCn{ font-size:20px;}
	.mProLefMore{ height:38px; border-width:1px;}
	.mProRigTit h4{ font-size:14px;}
	.mProRigTit{ font-size:12px;}
	.mNewsList li{ line-height:40px;}
	.mNewsLink{ font-size:14px;}
	.ftNav li{ width:33.33%;}
	.proTit{ padding-right:0;}
	.proLine{ height:2px;}
	.proDes{ -webkit-line-clamp:2;}
	.proMore{ display:block; position:static; margin-top:.1rem;}
	.newsTit{ font-size:18px;}
	.newsPage{ float:none; width:100%;}
	.share{ float:none; width:100%; text-align:center;}
	.parList li{ width:33.33%; height:1.4rem;}
	
	.techInfor{ line-height:24px;}
	.techInfor li{ padding:.1rem 0;}
	.techInfor .name{ float:none; width:100%;}
	.techInfor .proBtn{ float:none; width:100%;}
	.techInfor .proBtn a i{ width:16px; height:12px;}
	
	.proList3 li{ min-width:50%;}
	
}
@media (max-width:460px){
	nav.navbar.bootsnav .navbar-header{ min-height:50px;}
	.logo{ height:50px;}
	.logo img{ height:20px;}
	.navRig{ line-height:50px;}
	.navBtn{ top:5px !important;}
	.mTitEn{ font-size:16px;}
	.mTitCn{ font-size:20px;}
	.mProTitCn{ font-size:18px;}
	.mProLefMore{ max-width:140px; height:36px; line-height:34px;}
	.mProLefMore{ margin-bottom:.3rem;}
	.mProItem{ padding:.3rem 0;}
	.mProRig li{ width:50%;}
	.mProRig li:nth-child(3){ display:none;}
	.mNewsTab li{ font-size:14px; min-width:33.33%;}
	.mNewsTab span{ min-width:0; padding:0 .1rem; height:36px; line-height:34px;}
	.mNewsTab img{ max-height:.3rem; margin-right:.1rem;}
	.mNewsLink{ padding-left:20px;}
	.ftTit{ font-size:16px;}
	.ftNav li{ width:50%;}
	.breadcrumb{ padding:10px; padding-left:30px; background-position:10px 18px;}
	.title{ font-size:18px;}
	.title span{ font-size:14px;}
	.sortList li > a{ font-size:14px;}
	.sortList2 li > a{ background-size:10px auto;}
	.sortSub a{ font-size:12px; line-height:24px; background-size:4px auto;}
	.proImg{ float:none; width:100%; margin:0 0 .2rem;}
	.proTit{ font-size:16px;}
	.page{ margin:.5rem 0;}
	.page a, .page span{ font-size:14px; width:32px; height:32px; line-height:30px;}
	
	.proList2{ margin:0.3rem -.1rem;}
	.proList2 li{ padding:0.1rem;}
	.newsList li{ line-height:40px;}
	.newsCon h4,.newsCon h5{ font-size:16px;}
	.newsCon h5 i{ width:10px; background-size:10px auto;}
	.parList li{ width:50%;}
	.proItem .proList2{ margin:0.15rem -.1rem;}
	.proTab li{ width:33.33%; font-size:14px;}
	.proPrev, .proNext{ background-size:8px auto;}
	.proCon h5{ font-size:16px;}
	.loginBg{ padding:50px 0 0;}
	.loginIco{ width:18px;}
	.loginInput{ height:38px; line-height:28px; padding:5px 10px; padding-left:35px;}
	.loginBtn{ font-size:16px; height:38px; line-height:38px;}
	.yzmCon .loginIco{ height:38px;}
	
	.proTit3{ font-size:16px;}

}